<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>高手班简章</title>
		<style>
			body{
				width: 360px;
				font-size: 15px;
				line-height:27px ;
			}
			.title{
				text-align: center;
				color: #FF0000;
				font-size: 20px;
				font-weight: bold;
			}
			.subtitle{
				text-align: center;
				font-weight: bold;
				font-size: 18px;
				padding: 8px 0px 8px 0px;
			}
			.blue{
				color: white;
				background-color: dodgerblue;
				margin-bottom: 5px;
				margin-top: 5px;
			}
			.red{
				color: white;
				background-color: red;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			.number{
				background-color: black;
				margin-left: 5px;
				width: 20px;
				display: inline-table;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="title">高手班</div>
		<div class="subtitle">第一部分</div>
		<div class="blue"><span class="number">1</span>新接口规范，Lamdba表达式，Stream流，新日期</div>
		<div class="red"><span class="number">2</span>多线程、高并发</div>
		<div class="blue"><span class="number">3</span>原理分析</div>
		<div class="red"><span class="number">4</span>手写类加载器</div>
	</body>
</html>
